import { useHelpTipProps } from 't/bussiness/quick-filter/use-quick-filter';

import THelp from 't/basic/help';

import {
  computed,
  defineComponent,
  getCurrentInstance,
  nextTick,
  onMounted,
  reactive,
  ref,
  toRef,
  watch,
  h,
} from 'vue';

export default defineComponent({
  props: {
    ...useHelpTipProps,
  },
  setup(props, { attrs, emit, expose, slots }) {

    const content = computed(() => {
      return (
        Funcs?.GetTerms?.(
          props.ValueInfo_helpTipContext,
          props.helpTipContext,
        ) || props.helpTipContext
      );
    });
    function render() {
      return (
        props.enableHelpTip && (
          <THelp
            class={['t-quick-filter-help']}
            // label={props.helpTipContext}
            hideLabel={true}
            content={content.value}
            // maxHeight='410px'
            // maxWidth='600px'
            helpPlacement={props.helpTipPlacement}
            linkType='open'
          ></THelp>
        )
      );
    }
    return () => {
      return render();
    };
  },
});
